<%--
  Created by IntelliJ IDEA.
  User: ASUS
  Date: 2017/12/11
  Time: 14:34
  To change this template use File | Settings | File Templates.
--%>
<%@ page language="java" contentType="text/html; charset=utf-8" pageEncoding="utf-8"%>

<%--脚部根据当前mui-content区域的标识来控制底部的当前项显示--%>
<script type="text/javascript">
    $(function(){
        var index = Number($(".mui-content").attr("tabNum"));
        $("#indexFooter .mui-tab-item").each(function(i){
            if(i==index){
                $(this).addClass("mui-active");
            }else{
                $(this).removeClass("mui-active");
            }
        })
    });
</script>
<nav class="mui-bar mui-bar-tab qy-bg-white qy-border-top" id="indexFooter" >
    <a class="mui-tab-item mui-active" href="${rootPath}index/index.do">
        <span class="mui-icon mui-icon-home"></span>
        <span class="mui-tab-label">首页</span>
    </a>
    <a class="mui-tab-item" href="${rootPath}index/platform.do">
        <span class="mui-icon mui-icon-contact"></span>
        <span class="mui-tab-label">平台</span>
    </a>
    <a class="mui-tab-item" href="#tabbar-with-contact">
        <span class="mui-icon mui-icon-email"><span class="mui-badge">9</span></span>
        <span class="mui-tab-label">消息</span>
    </a>
    <a class="mui-tab-item" href="http://192.168.0.24:8088/wap/shopCar.do">
        <span class="mui-icon mui-icon-extra mui-icon-extra-cart"></span>
        <span class="mui-tab-label">购物车</span>
    </a>
</nav>
